<!DOCTYPE html>
<html lang="en">
<head>
    <{include file="public_html/header_tag.html" }>
    <title>资讯列表</title>
    <style>
.screenBox { position: relative;}
.screenBox dl { overflow: hidden;height: 50px; }
.screenBox dl:last-child{ border:none;}
.screenBox dl.noborder {border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px}
.screenBox dl.goodstype {border-bottom: #e6e6e6 1px dashed}
.screenBox dl dt {float: left; height: 30px}
.screenBox dl dt {text-align: left; width: 85px; padding-left:15px; height: 55px; line-height:55px;}
.screenBox dl dd { position: relative; float: left; overflow: hidden; padding-top:10px; }
.screenBox dl dd a,
.screenBox dl dd .notBuxian{ height:30px; line-height:30px; padding:0 5px; color:#666; display:inline-block; margin:3px 10px 5px 10px;}
.screenBox dl dd a i{ display:none; font-size:20px; line-height:0; height:24px; padding:0 5px; color:#fff; border-radius:0px 2px 2px 0px; cursor:pointer;}
.screenBox dl dd a:hover,.screenBox dl dd a.selected{ color: #1aa3fa;}
.screenBox dl dd span.more {position: absolute; width:42px; display: block; top: 12px; cursor: pointer; right: 1px}
.screenBox dl dd span.more label {display: inline-block; cursor: pointer}
.screenBox .yesSelected .selected{ background:#1aa3fa; color:#fff;  margin:3px 10px 5px 10px;}
.screenBox .yesSelected a i{ display:inline-block;}
.show_a{
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #c2c2c2 transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 0px;
    right: 50%;
    border-width: 6px;
}
.hide_a{
    border-style: dashed dashed solid;
    border-color: transparent transparent #c2c2c2;
    top: -12px;
}
</style>
</head>
<body>
<header class="brB">
    <div class="h_top">
        <div class="hLeft"><a href="/" class="icoH icoReturn mt20"></a></div>
        <div class="hCenter"><span class="tit c-3ac9af">资讯列表</span></div>
    </div>
</header>
<div id="selectList" class="screenBox line-all b-FFFFFF fs14">
    <dl class="listIndex line-bottom">
      <dd>
      <a href="/news/index" <{if $id == 0}>class="selected"<{/if}>><span>不限</span><i>&times;</i></a>
      <{foreach from=$news_cate_list item=cate}>
      <a href="/news/index/<{$cate.id}>" <{if $cate.id == $id}>class="selected"<{/if}>><span><{$cate.name}></span><i>&times;</i></a>
      <{/foreach}>
      </dd>
    </dl>
</div>
<div style="position: relative; height: 10px;"><span class="show_a"></span></div>
<!--end 筛选功能-->
<div class="zixun-listing m-t20 line-all b-FFFFFF p-lr40">
    <!--star-->
    <ul class="p-tb20 fix">
    <{foreach from=$news_list item=item key=key}>
        <li class="line-bottom m-b10" style="padding: 10px 5px;">
            <div class="p-tb20"><a class="fs16" href="/news/detail/<{$item.id}>"><{$item.title}></a></div>
            <div class="LH40 p-tb20 c-999999">
                <span style="font-size: 12px;"><{$item['add_time']|date_format:'%Y-%m-%d'}></span>
            </div>
        </li>
    <{/foreach}>
    </ul>
    <!--end-->
</div>
<script>
    $(function(){
        $(".show_a").click(function(){
            if(!$(this).hasClass("hide_a")){
                $(this).addClass("hide_a");
                
                $(".screenBox").children("dl").attr("style", "overflow:auto; height:auto");
            }else{
                $(this).removeClass("hide_a");
                $(".screenBox").children("dl").attr("style", "");
            }
        })
    })
</script>
</body>
</html>

